/* zotonic.com styles 2009
----------------------------------------------------------

@package:	atatonic CSS framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.nl>
@Created: 	01-02-2009
@Changed:	28-08-2009

Copyright 2009 Tim Benniks

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
 
http://www.apache.org/licenses/LICENSE-2.0
 
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

---------------------------------------------------------- */

body {
	background: #fff url(../images/page_bg.jpg) repeat-x left top;
	color: #333;
	font: 14px/22px "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

	body.home {
		background: #fff url(../images/home_bg.jpg) repeat-x left top;
	}


figure {
	display: block !important;
}


/* Basic Typography
---------------------------------------------------------- */

h1 {
	font-size: 32px;
	line-height: 40px;
	margin: 0 0 6px 0;
	font-style: normal;
	color: #0778B0;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px #fff;
}

h2 {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0778B0;
	font-style: normal;
	font-size: 20px;
	line-height: 30px;
    margin-bottom: 9px;
	text-shadow: 1px 1px #fff;
}

h3 {
	color: #0778B0;
	font-weight: normal;
	font-size: 14px;
    margin-bottom: 9px;
}

a, a:focus {
	color: #0778B0;
	text-decoration: none;
}

a:hover {
	color: #0778B0;
	text-decoration: none;
	border-bottom: 1px dotted #0778B0;
}

p {
	margin: 0 0 9px 0;
}

	p.summary {
        color: black;
	}

	#sidebar p {
		font-size: 14px;
	}

p.important:first-letter,
p.intro:first-letter {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	float: none;
	padding: 0;
	width: auto;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

p.important:first-line,
p.intro:first-line {
	font-variant: normal;
}

p.breadcrumb {
	font-size: 14px;
	margin: 0 0 6px 0;
	text-transform: lowercase;
}

	p.breadcrumb a:hover {
		color: #0778B0;
		border: none;
	}


/* Lists
---------------------------------------------------------- */
#content ol {
    margin: 0 0 18px 24px;
}

.bullet-list, #content ul {
	list-style: disc;
	margin: 0 0 18px 18px;
}

	.bullet-list li {
	}

li.list-item {
	margin: 0 0 18px 0;
}

li.list-item h3 {
    margin: 0;
}

	.list-item p.summary {
		margin: 0;
	}

.list-item p.summary {
	font-size: 14px;
    color: #333;
}

.list-filters {
	margin: 0 0 18px 0;
}

.list-filters li a {
	text-decoration: none;
	font-size: 14px;
}

	.list-filters li a.current,
	.list-filters li a:hover {
		color: #0778B0;
		text-decoration: none;
		border-bottom: 1px dotted #0778B0;
	}


/* Tables
---------------------------------------------------------- */

#content table {
	margin: 0 0 18px;
	font-size: 14px;
}

#content table td {
	padding: 6px 18px 6px 6px;
	border-bottom: 1px dotted #333;
}

	#content table tr:first-child td {
		font-weight: bold;
		border-bottom: 1px dotted #333;
	}
	
	#content table tr:nth-child(even) td {
		background: #eee;
	}


/* Grid
---------------------------------------------------------- */

.zp-wrapper {
	width: 960px;
}

header {
	height: 58px;
}

.page header {
	margin: 0 0 48px 0;
}

#content-area {
	margin: 0 0 18px 0;
}

#banner {
	margin: 0 0 18px 0;
}

.page #banner {
	width: 960px;
	height: 82px;
	background: #27343c url(../images/page_banner.jpg);
}

.home #banner {
	width: 960px;
	height: 313px;
	background: #27343c url(../images/home_banner.jpg);
	position: relative;
}

	.home #banner #download-zotonic {
		position: absolute;
		left: 625px;
		top: 40px;
		width: 350px;
	}

	.home #banner #docs-zotonic {
		position: absolute;
		left: 625px;
		top: 170px;
		width: 350px;
	}
		
		.home #banner #download-zotonic a,
		.home #banner #docs-zotonic a {
			border: none;
		}

		.home #banner section {
            position: relative;
        }

		.home #banner section a span {
            position: absolute;
            top: 0; left: 0;
            color: white;
            left: 92px;
        }

		.home #banner section a span.header {
            top: 28px;
            font-size: 20px;
            font-weight: bold;
        }            

		.home #banner section a span.subheader {
            top: 52px;
            font-size: 14px;
        }            



#logo {
	margin: 21px 0 0 0;
}

#logo img {
	float: none;
	display: block;
}

#content .padding {
	padding: 0 100px 0 0;
}

.category #content .padding,
.collection #content .padding,
.collection-members .padding,
.feature-members .padding {
	padding: 0 40px 32px 0;
}


/* sticky footer
---------------------------------------------------------- */

html, body {
	height: 100%;
}

.zp-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px;
}

.push, footer {
	height: 150px;
}


/* footer
---------------------------------------------------------- */

footer {
	background: #eee;
}

#footer-content {
	width: 960px;
	margin: 0 auto;
	padding: 18px 0 0 0;
	display: block;
}

	footer p {
		font-size: 14px;
		color: #666;
	}
	
	.footer-list li {
		margin: 0 9px 0 0;
		display: inline;
		float: left;
	}
	
	.footer-list li a {
		font-size: 14px;
		color: #666;
		line-height: 18px;
	}	

		.footer-list li a:hover {
			color: #0778B0;
		}

/* navigation
---------------------------------------------------------- */

nav {
	margin: 25px 0 0;
}

	#navigation li {
		float: left;
	}
	
		#navigation li a {
			text-decoration: none;
			display: block;
			color: #333;
			padding: 0;
			margin: 0 0 0 15px;
			border: none;
            font-weight: bold;
			color: #0778B0;
		}
		
		#navigation li a:hover,
		#navigation li a.current:hover {
			color: #19b7e8;
		}
		
		#navigation li a.current,
		#navigation li a:focus,
		#navigation li a:active {
			color: black;
		}


/* Misc
---------------------------------------------------------- */

#ie6-upgrade {
	padding: 5px 10px;
}

#ie6-upgrade h4 {
	color: #000;
	font-weight: bold;
}

#ie6-upgrade a {
	color: #000;
	text-decoration: underline;
	border: none;
}

	#ie6-upgrade a:hover {
		border: none;
		color: #444;
	}
	
.zotonic-license-notice {
	color: #bbb; 
	padding: 17px 0 0 0;
}

/* modernizr stuff */
#fonttest {
	display: none !important;
}


/* Forms
---------------------------------------------------------- */

fieldset {
	border: none;
}


input[type="text"],
input[type="password"],
textarea {
	border: 1px solid #333;;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	background: #F74273;
	color: #fff;
	border: none;
}


/* notices
-------------------------------------------------------------- */

.error,
.notice,
.success {
	padding: 2px 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}

.notice a {
	color: #514721; 
}

	.notice a:hover {
		border-color: #514721;
	}

.error a {
	color: #8a1f11; 
}

	.error a:hover {
		border-color: #8a1f11;
	}

	.error pre {
		background: #FBC2C4;
		border: none;
		margin: 9px 0 3px 0;
	}

.success a {
	color: #264409; 
}

	.succes a:hover {
		border-color: #264409;
	}

/* pre, code
---------------------------------------------------------- */

pre {
    color: black;
    font-family: monospace;
    font-size: 14px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #eee;

}


/* Logon
---------------------------------------------------------- */

div#logon_box {
	background-color: #fff;
	border: 1px solid #eee !important;
}

div#logon_box input[type=text], div#logon_box input[type=password] {
	border: 1px solid #333;
	color: black;
}


/* Pages - features
---------------------------------------------------------- */

.feature-wrapper {
	background: #eee;
	padding: 9px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	.feature-item img {
		margin: 6px 6px 0 0;
	}

	.feature-item p.summary {
		font-weight: normal;
        color: #333;
		margin: 0;
	}
	
	.feature-item {
		margin: 0 0 24px 8px;
	}
	
		.last-feature {
			margin: 0;
		}

.pager li {
	display: inline;
	margin: 0 6px 0 0;
}

.pager li.current {
    font-weight: bold;
}


/* Comments */

#comments li {
    list-style-type: none;

    margin-bottom: 32px;
}


#comments li h3
 {
    margin: 0;
    }


#comments li p.comment-meta {
    color: #999;
    margin: 0;
}

fieldset { padding-left: 0; }

/* Blog */

ul.archive ul {
    padding-left: 20px;
}
ul.archive ul li {
    list-style-type: disc;
}


figure.image-wrapper {
    margin-left: 0;
}

article.blogentry {
    margin-bottom: 18px;
}

p.meta {
    font-style: italic;
    color: #666;
}